<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" >
<head th:replace="common/header::commonlinks(~{::title},~{::link})">
    <meta charset="UTF-8">
    <title>登录</title>
    <link rel="stylesheet" th:href="@{/unauthorize/login.css}">
</head>
<body class="hold-transition sidebar-collapse layout-navbar-fixed layout-top-nav" style="height: 773px">
<div class="wrapper">

    <!-- Navbar -->
    <div th:include="~{common/header::topnavbar-md}"></div>
    <!-- /.navbar -->

    <!-- Main Sidebar Container -->

    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">

        <!-- Main content -->
        <div class="content">
            <div class="stars-bg">
                <div id="stars"> </div>
                <canvas id="cvs"></canvas>
            <div class="container  login-page" style="position: absolute;opacity: 0.9">
                <div class="login-box" >

                    <!-- /.login-logo -->
                    <div class="card">
                        <div class="login-logo">
                            <a href="#">登录</a>
                        </div>
                        <div class="card-body login-card-body">
                            <p class="login-box-msg">快开始你的博客之路把！</p>

                            <form th:action="@{/unAuthorize/login}" method="post" class="needs-validation validateForm" novalidate>
                                <!-- 用户登录错误信息提示框 -->
                                <div th:if="${param.error}" style="color: red;height: 40px;text-align: left;font-size: 1.1em">
                                   用户名或密码错误，请重新登录！
                                </div>
                                <div>
                                    <input type="hidden" name="url" th:value="${url}">
                                </div>
                                <div class="input-group mb-3">
                                    <input type="email" class="form-control" name="email" placeholder="邮箱" required autofocus="">
                                    <div class="input-group-append">
                                        <div class="input-group-text">
                                            <span class="fas fa-envelope"></span>
                                        </div>
                                    </div>
                                    <div class="invalid-feedback">
                                        邮箱不能为空
                                    </div>
                                </div>
                                <div class="input-group mb-3">
                                    <input type="password" class="form-control" name="password" placeholder="密码" required autofocus="">
                                    <div class="input-group-append">
                                        <div class="input-group-text">
                                            <span class="fas fa-lock"></span>
                                        </div>
                                    </div>
                                    <div class="invalid-feedback">
                                        密码不能为空
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-8">
                                        <div class="icheck-primary">
                                            <input type="checkbox" id="remember" name="rememberme">
                                            <label for="remember">
                                                记住我
                                            </label>
                                        </div>
                                    </div>
                                    <!-- /.col -->
                                    <div class="col-4">
                                        <button type="submit" class="btn btn-primary btn-block">登录</button>
                                    </div>
                                    <!-- /.col -->
                                </div>
                            </form>


                            <p class="mb-1">
                                <a th:href="@{/unAuthorize/toforgetpassword}">忘记密码</a>
                            </p>
                            <p class="mb-0">
                                <a th:href="@{/unAuthorize/toregister}" class="text-center">注册新用户</a>
                            </p>
                        </div>
                        <!-- /.login-card-body -->
                    </div>

                </div>
                <!-- /.login-box -->
                <!-- 右侧栏 -->
                <div th:include="~{common/header::rightaside}"></div>
                <!-- /右侧栏 -->
                <!-- 底部栏 -->
                <div style="width:70%" th:include="~{common/footer::footer}"></div>
                <!-- /底部栏 -->
                <!--    公有的js-->
                <div th:replace="common/header::commonjs(~{::script})">
                    <!--        私有的js-->
                    <script th:src="@{/unauthorize/login.js}"></script>
                </div>
            </div><!-- /.container-fluid -->
            </div>
        </div>
        <!-- /.content -->
    </div>
    <!-- /.content-wrapper -->


</div>
<!-- ./wrapper -->

</body>


</html>